<!-- 这个模块我正在开发 我是qq是491746560 T5-刘德鑫  -->

<template>
	<view class="login">
		<view class="text-center">
			<image class="titleImg" :src="titleImg" mode="widthFix"></image>
		</view>
		<form action="" class="form">
			<input class="formItem" type="text" v-model="form.account" placeholder="输入帐号" />
			<input class="formItem" type="password" v-model="form.password" placeholder="输入密码" />
			
			<view class="formItem submit" @click="onlogin">登 陆</view>
		</form>
	</view>
</template>

<script>
	import { mapActions} from "vuex"
	export default {
		data() {
			return {
				titleImg: require('@/static/logoTitle.png'),
				form: {
					account: '',
					password: ''
				}
			}
		},
		methods: {
			...mapActions('user', ['login']),
			onlogin() {
				if(!this.form.account) {
					uni.showToast({
					    title: '请输入帐号',
						icon: 'none',
					    duration: 2000
					});
					return
				}
				if(!this.form.password) {
					uni.showToast({
					    title: '请输入密码',
						icon: 'none',
					    duration: 2000
					});
					return
				}
				this.login(this.form)
			}
		}
	}
</script>

<style lang="less" scoped>
// .login{
// 	.text-center{
// 		text-align: center;
// 	}
// 	.titleImg{
// 		height: auto;
// 		width: 426rpx;
// 		margin-top:60rpx;
// 	}
// 	.form{
// 		padding: 30rpx 60rpx 60rpx 60rpx;
// 		display: block;
// 		.formItem{
// 			box-sizing: border-box;
// 			width: 100%;
// 			height: 112rpx;
// 			background-color: #F9F9F9;
// 			font-size: 36rpx;
// 			padding:32rpx;
// 			margin:20rpx 0;
// 			border-radius:56rpx;
// 			&.submit{
// 				background-color: #6DDDCB;
// 				color: #FFFFFF;
// 				text-align: center;
// 				font-size: 40rpx;
// 			}
// 		}
// 	}
// }
</style>
